.header {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f50000), to(#aa0000));
  display: flex;
  height: 1.2rem;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.header .center {
  margin: 0 auto;
  color: white;
  font-size: 0.53333333rem;
}
.section .tab img {
  width: 100%;
}
.section .title-color {
  height: 0.66666667rem;
  line-height: 0.66666667rem;
  padding-left: 0.26666667rem;
  font-size: 0.56rem;
  background: #bdbbbf;
  color: #595959;
}
.section .pinpai .list {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.65333333rem;
  border-bottom: 1px solid gray;
}
.section .pinpai .list .logo {
  display: flex;
}
.section .pinpai .list .logo img {
  flex: 1;
  width: 100%;
}
.section .pinpai .list .main {
  flex: 4;
  display: flex;
  flex-direction: column;
  font-size: 0.26666667rem;
}
.section .pinpai .list .main .title {
  flex: 1;
  height: 0.66666667rem;
  line-height: 0.66666667rem;
  font-weight: bold;
}
.section .pinpai .list .main .content {
  flex: 1;
  line-height: 0.66666667rem;
}
.section .pinpai .list .discount {
  flex: 1;
  width: 0.66666667rem;
  line-height: 0.6rem;
  height: 0.6rem;
  border-radius: 0.06666667rem;
  color: white;
  text-align: center;
  font-size: 0.26666667rem;
  margin-bottom: -0.33333333rem;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f50000), to(#aa0000));
}
.section .pinpai .list .right-arrow {
  flex: 1;
  text-align: center;
}
.section .more-brands {
  width: 4.26666667rem;
  height: 1.06666667rem;
  line-height: 1.06666667rem;
  font-size: 0.45333333rem;
  margin-top: 0.24rem;
  margin-bottom: 0.24rem;
  border-radius: 0.06666667rem;
  background: #bdbbbf;
  border: 1px solid gray;
  margin: 0 auto;
  text-align: center;
  font-size: 34px;
  border-radius: 5px;
  margin: 18px auto;
  box-shadow: 0 5px 3px #a5a4a9;
}
.footer {
  position: fixed;
  width: 100%;
  bottom: 0rem;
}
.footer .nav {
  margin: 0 auto;
  display: flex;
  background: black;
}
.footer .nav li {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 1.33333333rem;
  margin-top: 0.06666667rem;
  margin-left: 0.26666667rem;
  margin-right: 0.26666667rem;
  margin-bottom: 0.06666667rem;
  border-radius: 0.06666667rem;
  align-items: center;
}
.footer .nav li .img {
  margin-top: 0.06666667rem;
}
.footer .nav li .title {
  text-align: center;
  color: white;
}
.footer .nav li.show {
  background: #6f6f6f;
}
